<template>
  <div>
    <div class="flex-center" style="padding: 20px 16px 10px">
      <div class="web-item-title mr-md"></div>
      <div class="flex-1 text-bold c-title">
        {{ o.data.title || '员工展示' }}
      </div>
      <div class="flex-y-baseline c-caption" style="font-style: normal">
        查看更多
        <i class="iconfont iconjiantou" style="font-size: 13px"></i>
      </div>
    </div>
    <div class="flex-warp">
      <div
        class="fill-base radius-15"
        style="margin: 0 0 13px 13px; overflow: hidden"
        v-for="(item, index) in o.data.row.number"
        :key="index"
      >
        <img class="good-img" :src="image" />
        <div class="pt-sm pl-md pr-md pb-md" style="height: 114px">
          <div class="f-title c-title ellipsis">姓名</div>
          <div class="f-caption c-caption">
            <div class="ellipsis" style="margin-bottom: 6rpx">职位</div>
            <div class="ellipsis">工作经验1</div>
            <div class="ellipsis">工作经验2</div>
            <div class="ellipsis">毕业院校</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'staffList',
  props: {
    o: Object
  },
  data () {
    return {
      primaryColor: '#19c865',
      image: 'https://lbqny.migugu.com/admin/diy/default.png'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.good-img {
  width: 165px;
  height: 165px;
  background: #eeeeee;
}
</style>
